<script src="__PUBLIC__/layui/layui.js" charset="utf-8"></script>
<script src="__PUBLIC__/jquery/jquery.min.js"></script>
<script>
    var socket = parent.socket;
    var message;
    layui.config({
        base: '__JS__/',
        version: '1.0.1'
    }).use(['app', 'message'], function () {
        var app = layui.app,
            $ = layui.jquery,
            layer = layui.layer;
        //将message设置为全局以便子页面调用
        message = layui.message;
        //主入口
        app.set({
            type: 'iframe'
        }).init();
    });
</script>
<script type="text/javascript">
    $(function () {
        var x = 10;
        var y = 20;
        $(".tooltip").mouseover(function (e) {
            var tooltip = "<div id='tooltip'><img src='" + this.href + "' alt='产品预览图' height='200'/>" + "<\/div>"; //创建 div 元素
            $("body").append(tooltip);  //把它追加到文档中
            $("#tooltip")
                .css({
                    "top": (e.pageY + y) + "px",
                    "left": (e.pageX + x) + "px"
                }).show("fast");    //设置x坐标和y坐标，并且显示
        }).mouseout(function () {
            $("#tooltip").remove();  //移除
        }).mousemove(function (e) {
            $("#tooltip")
                .css({
                    "top": (e.pageY + y) + "px",
                    "left": (e.pageX + x) + "px"
                });
        });
    })
</script>
<script type="text/javascript">
    $('.a_menu').click(function () {
        var url = $(this).attr('href');
        var id = $(this).attr('id');
        var a = true;
        if (id) {
            $.ajax({
                url: url
                , async: false
                , data: {id: id}
                , success: function (res) {
                    if (res.code == 0) {
                        layer.msg(res.msg);
                        a = false;
                    }
                }
            })
        } else {
            $.ajax({
                url: url
                , async: false
                , success: function (res) {
                    if (res.code == 0) {
                        layer.msg(res.msg);
                        a = false;
                    }
                }
            })
        }
        return a;
    })
</script>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //常规用法
        laydate.render({
            elem: '#create_time'
        });
        //常规用法
        laydate.render({
            elem: '#search_create_time'
        });
    });
</script>

<script>

    function table_init(table_need, search_content, url) {


        layui.use('table', function () {
            var table = layui.table;

            //生成表格
            tableIns = table.render({
                elem: '#lay_table',
                url: url,//数据接口
                page: true, //开启分页
                limit: 20,
                cols: table_need,
                done: function (res, curr, count) {
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    if (res.all_user) {
                        //console.log(res.all_user)
                        //发送当前页显示用户
                        socket.emit('user_is_login', {user: res.all_user});
                    }
                    // //得到当前页码
                    // console.log(curr);
                    //
                    // //得到数据总量
                    // console.log(count);
                }
            });

            //搜索
            $('#lay_search').on('click', function () {
                tableIns.reload({
                    where: this_search(),
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                });
            });

            //排序
            table.on('sort(lay_table)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                //console.log(obj.field); //当前排序的字段名
                //console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
                //console.log(this); //当前排序的 th 对象
                var this_where = this_search();
                this_where.field = obj.field;//排序字段
                this_where.order = obj.type;//排序方式
                //重新向服务端发送请求，从而实现服务端排序：
                tableIns.reload({
                    initSort: obj, //记录初始排序，如果不设的话，将无法标记表头的排序状态。
                    where: this_where
                });
            });

            function this_search() {
                var search_all = {};
                for (var i = 0; i < search_content.length; i++) {
                    if ($('#' + search_content[i]).val() !== "") {
                        search_all[search_content[i]] = $('#' + search_content[i]).val();
                    }
                }
                return search_all;
            }

        });
    }

    function timeToString(time) {
        var date = new Date(time);
        Y = date.getFullYear() + '-';
        M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
        D = date.getDate() + ' ';
        h = date.getHours() + ':';
        m = date.getMinutes() + ':';
        s = date.getSeconds();
        return Y + M + D + h + m + s;
    }
</script>

<!--保留搜索参数-->
<script>
    var judge = '{php}echo $param??""{/php}';
    //console.log(judge);
    if (judge !== "[]" && judge !== "") {
        //console.log(1)
        var param = JSON.parse(judge);
        for (var i in param) {
            if (param[i] !== '' && i !== 'page') {
                $('#search_' + i).val(param[i]);
            }
        }
    }

</script>